<script>
	export default {
		onLaunch: function() {

			console.log('App Launch');
			// 检查小程序是否有新版本  在项目中需要获取小程序的版本号，但是版本号只能在正式环境中获取，开发版和体验版是不能获取到的
			// #ifdef MP || MP-WEIXIN
			var self = this // 获取小程序更新机制兼容
			if (uni.canIUse('getUpdateManager')) {
				const updateManager = uni.getUpdateManager() //1. 检查小程序是否有新版本发布
				updateManager.onCheckForUpdate(function(res) {
					// 请求完新版本信息的回调
					if (res.hasUpdate) {
						//2. 小程序有新版本，则静默下载新版本，做好更新准备
						updateManager.onUpdateReady(function() {
							uni.showModal({
								title: '版本更新提示',
								content: '新版本已经准备好，是否重启应用？',
								success: function(res) {
									if (res.confirm) {
										//3. 新的版本已经下载好，调用applyUpdate应用新版本并重启
										updateManager.applyUpdate()
									} else if (res.cancel) {
										//不应用
									}
								},
							})
						})
						updateManager.onUpdateFailed(function() {
							// 新的版本下载失败
							uni.showModal({
								title: '已经有新版本了哟~',
								content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~'
							})
						})
					}
				})
			} else {
				// 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
				uni.showModal({
					title: '提示',
					content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
				})
			}

			// #endif
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		globalData: {
			userInfo: uni.getStorageSync('userInfo'), //全局获取用户信息
		},
	}
</script>

<style>
	/*每个页面公共css */
	.container {
		height: 100%;
		background-color: #ffffff;
	}

	.textColor {
		color: #d1100b
	}

	.background {
		background-color: #d1100b;
	}

	.flex {
		display: flex;
		align-items: center;
	}

	.flex1 {
		flex: 1;
	}

	.mb20 {
		margin-bottom: 20rpx;
	}

	.mb40 {
		margin-bottom: 40rpx;
	}

	.ml10 {
		margin-left: 10rpx;
	}

	.ml20 {
		margin-left: 20rpx;
	}

	.border {
		border-bottom: 1px solid #999;
	}

	.text {
		font-size: 20rpx;
	}

	.jaround {
		justify-content: space-around;
	}

	.jbetween {
		justify-content: space-between;
	}

	.font20 {
		font-size: 30rpx;
	}


	.x-table-btns button {
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		display: inline-block;
		margin-right: 2px;
	}


	.x-table-box {
		width: 100%;
		background-color: #fff;
		height: 90%;
		overflow: auto;
		position: absolute;

	}

	.x-table {
		border-collapse: collapse;
		display: inline-block;
		overflow: auto;
		width: 100%;
		position: absolute;
	}

	.uni-table-scroll {
		height: calc(100% - 60px);
	}

	.uni-pagination-box {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}


	.x-table .thead {
		position: sticky;
		top: 0;
		z-index: 9;
	}

	.x-table th,
	.x-table td {
		box-sizing: border-box;
		background-color: #fff;
	}

	.x-table .checkbox {
		position: sticky;
		left: 0;
		z-index: 8;
		overflow: hidden;
	}

	.x-table .checkbox::before {
		content: "";
		position: absolute;
		right: -1px;
		top: -10px;
		height: 200%;
		width: 0.5px;
		box-shadow: 0px 0px 5px #000;
	}

	.x-table tr {
		display: flex;
	}


	.x-table tr:hover,
	.x-table tr:hover td {
		background-color: #eee;
	}


	@media (min-width:768px) {
		.x-table-box {
			max-width: calc(100vw - 200px) !important;
		}

		.x-table .left5 {
			position: sticky;
			left: 36px;
			border-right: 1px solid #eee;
			overflow: hidden;
		}


		.x-table .left5::before {
			content: "";
			position: absolute;
			right: -1px;
			top: -10px;
			height: 200%;
			width: 0.5px;
			box-shadow: 0px 0px 5px #000;
		}

	}

	@media (max-width:768px) {
		.x-table tbody {
			display: inline-block;
			width: 100%;
		}

		.x-table tr {
			flex-direction: column;
			background-color: #fff;
			border-bottom: #ccc;
			width: 100%;
			margin-bottom: 10px;

		}

		.x-table .thead {
			display: none;
		}

		.x-table th,
		.x-table td {
			border: none;
			width: 100%;
		}

		.x-table-btns {
			text-align: right;
		}

		.x-table-btns button {
			height: 30px;
			line-height: 30px;
			font-size: 14px;
			display: inline-block;
			margin-right: 10px;
		}
	}



	page {
		width: 100%;
		height: 100%;
		background: #F4F4F4
	}
</style>